spb/datacenterindex

1import { Page } from "@/components/ui/card";2import { Skeleton, SkeletonRows } from "@/components/ui/skeleton";34export default function Loading() {5  return (6    <Page className="py-4" aria-busy>7      <Skeleton className="mb-4 h-3 w-40" />8      <Skeleton className="mb-2 h-3 w-16" />9      <Skeleton className="mb-2 h-7 w-80 max-w-full" />10      <Skeleton className="mb-6 h-4 w-56" />11      <div className="grid grid-cols-2 gap-4 border-y border-hair py-3 sm:grid-cols-4">12        {Array.from({ length: 4 }).map((_, i) => (13          <div key={i} className="flex flex-col gap-2">14            <Skeleton className="h-6 w-16" />15            <Skeleton className="h-2.5 w-20" />16          </div>17        ))}18      </div>19      <Skeleton className="mt-4 h-10 w-full" />20      <SkeletonRows rows={6} className="mt-8" />21    </Page>22  );23}24